ページの型 PageProps
PageProps型を使うことでdataやlocationに型がつく。
code:pages/top.ts
export default function TopPage({ data, location }: PageProps<GatsbyTypes.TopQuery>) {
return (
<Fragment>
<SEO url={location.href} />
<TopTemplate data={data} />
</Fragment>
)
}
// graphqlクエリ
export const query = graphql`
query Top {
...
}
`